<div class="system-msg-comp" style="min-height:calc(100vh -  157px)">
  <form nz-form [formGroup]="myGroup">
    <nz-form-item>
      <nz-form-label [nzSpan]="5" nzRequired>中文名</nz-form-label>
      <nz-form-control [nzSpan]="12">
        <input nz-input formControlName="cnName" [(ngModel)]="sysInfos.cnName">
        <nz-form-explain *ngIf="myGroup.get('cnName').dirty && myGroup.get('cnName').errors">Should be combination of numbers & alphabets</nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSpan]="5" nzRequired>英文名</nz-form-label>
      <nz-form-control [nzSpan]="12">
        <input nz-input formControlName="enName" [(ngModel)]="sysInfos.enName">
        <!--<nz-form-explain>Should be combination of numbers & alphabets</nz-form-explain>-->
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSpan]="5">版本号</nz-form-label>
      <nz-form-control [nzSpan]="12">
        <input nz-input formControlName="version" [(ngModel)]="sysInfos.version">
        <!--<nz-form-explain>Should be combination of numbers & alphabets</nz-form-explain>-->
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSpan]="5" nzRequired>类型</nz-form-label>
      <nz-form-control [nzSpan]="12">
        <nz-select [(ngModel)]="sysInfos.sysType" formControlName="sysType">
          <nz-option *ngFor="let item of sysTypes" [nzLabel]="item.name" [nzValue]="item.id"></nz-option>
        </nz-select>
        <!--<nz-form-explain>Should be combination of numbers & alphabets</nz-form-explain>-->
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSpan]="5">IP</nz-form-label>
      <nz-form-control [nzSpan]="12">
        <input nz-input formControlName="ip" [(ngModel)]="sysInfos.ip" placeholder="xxx.xxx.xxx.xxx">
        <!--<nz-form-explain>Should be combination of numbers & alphabets</nz-form-explain>-->
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSpan]="5">端口号</nz-form-label>
      <nz-form-control [nzSpan]="12">
        <input nz-input formControlName="port" [(ngModel)]="sysInfos.port" placeholder="0~65535">
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSpan]="5" nzRequired>访问地址</nz-form-label>
      <nz-form-control [nzSpan]="12">
        <input nz-input formControlName="url" [(ngModel)]="sysInfos.url">
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSpan]="5" nzRequired>版权信息</nz-form-label>
      <nz-form-control [nzSpan]="12">
        <input nz-input formControlName="copyRight" [(ngModel)]="sysInfos.copyRight">
      </nz-form-control>
    </nz-form-item>
    <!--<nz-form-item>-->
      <!--<nz-form-control>-->
        <!--<button nz-button nzType="primary" [disabled]="!myGroup.valid" (click)="submit()" [nzLoading]="isConfirmLoading">提交</button>-->
      <!--</nz-form-control>-->
    <!--</nz-form-item>-->
    <button style="display: block;margin: 0 auto" nz-button nzType="primary" (click)="submit()" [nzLoading]="isConfirmLoading">提交</button>
  </form>
</div>
